<!--header头部-->
<header>
    <div class="header-top">
        <div class="circle-box mobile">
            <div class="circle-item">
                <img src="./img/common/China-Circle.png" alt="China-Circle">
                <span>中</span>
            </div>
        </div>
        <div class="w1200 top-box">
            <span class="left-title">Shanghai Creation Group Co.Ltd</span>
            <div class="circle-box">
                <ol class="circle-list">
                    <li class="circle-item">
                        <img src="./img/common/China-Circle.png" alt="China-Circle">
                        <span>中</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Kingdom-Circle.png" alt="Kingdom-Circle">
                        <span>英</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Germany-Circle.png" alt="Germany-Circle">
                        <span>德</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Japan-Circle.png" alt="Japan-Circle">
                        <span>日</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Russia-Circle.png" alt="Russia-Circle">
                        <span>俄</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Spain-Circle.png" alt="Spain-Circle">
                        <span>西</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Portugal-Circle.png" alt="Portugal-Circle">
                        <span>葡</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/France-Circle.png" alt="France-Circle">
                        <span>法</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/SouthKorea-Circle.png" alt="SouthKorea-Circle">
                        <span>韩</span>
                    </li>
                    <li class="circle-item">
                        <img src="./img/common/Emirates-Circle.png" alt="Emirates-Circle">
                        <span>阿</span>
                    </li>
                </ol>
            </div>
        </div>
    </div>

</header>
<nav class="navbar">
    <div class="w1200 navbar-box">
        <div class="logo">
            <h1>
                <a href="./index.html" role="img" class="logo-bd clearfix" title="logo-title">logo-title</a>
            </h1>
        </div>
        <ul class="link-box">
            <li class="active">
                <a href="./index.html">首页</a>
            </li>
            <li>
                <a href="./about.html">关于我们</a>
            </li>
            <li>
                <a href="./quality.html">质量保证</a>
            </li>
            <li>
                <a href="./center.html">产品中心</a>
            </li>
            <li>
                <a href="./product.html">产品应用</a>
            </li>
            <li>
                <a href="./new.html">新闻媒体</a>
            </li>
            <li>
                <a href="./contact.html">联系我们</a>
            </li>
            <li>
                <a href="./composition.html">集团组成</a>
            </li>
        </ul>
        <div class="search-box">
            <i class="search"></i>
            <input type="text" placeholder="搜索">
            <i class="awrrod"></i>
        </div>
        <div class="menu" />
    </div>
</nav>
<!--header头部-->